﻿@model etracks.Web.LoginViewModel
<div class="container-fluid">
    <div class="row">
      <div class="col-md-4"></div>
      <div class="col-md-4">
        <p>&nbsp;</p>
        <h2 class="text-center">Log In to etracks</h2>
        <p>&nbsp;</p>

        <form class="form-horizontal" method="post">

          <div class="form-group">
            <label class="col-sm-3 control-label" for="Username">Username</label>
            <div class="col-sm-9">
                <input class="form-control" data-val="true" data-val-required="The Username field is required." id="Username" name="Username" placeholder="Username" type="text" autocomplete="off" value="@Model.Username" />
            </div>
          </div>

          <div class="form-group">
            <label class="col-sm-3 control-label" for="Password">Password</label>
            <div class="col-sm-9">
                <input class="form-control" data-val="true" data-val-required="The Password field is required." id="Password" name="Password" placeholder="Password" type="password" autocomplete="off" value="@Model.Password" />
            </div>
          </div>

          <div class="form-group">
            <div class="col-sm-offset-3 col-sm-9">
              <div class="checkbox">
                <label>
                  <input type="checkbox"> Remember me
                </label>
              </div>
            </div>
          </div>

          <div class="form-group">
            <div class="col-sm-offset-3 col-sm-9">
              <button type="submit" class="btn btn-default">Log in</button>
              @if (!String.IsNullOrEmpty(Model.Message))
              {
                  <span class="text-danger">@Model.Message</span>
              }
            </div>
          </div>
        </form>
      </div>
      <div class="col-md-4"></div>
    </div>
</div>